<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 要求：写一个函数，随机生成十六进制颜色值比如： #0094ff   16进制 指 0-f 之间的
        function makeColor() {
            //1.准备一个 字符串变量 ，用来保存 随机生成的 颜色码
            let strColor = '#';
            //2.准备一个 数组，保存 16进制颜色字符
            let arrHex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'];
            ///      下标: 0  1  2  3  4  5  6  7  8   9  10   11   12   13   14   15  16

            //3.循环6次，生成 6个 随机的 16进制字符，拼接到字符串变量中
            for (let i = 1; i <= 6; i++) {
                //3.1 生成随机 下标 [0,15]
                let rIndex = Math.floor(Math.random() * 16); // Math.floor( [0,15.9999999]) -> [0,15]
                //3.2 取出 对应下标的 16进制字符
                let rChar = arrHex[rIndex];
                //3.3 将 字符 拼接到 随机颜色码字符串中
                strColor += rChar;
            }
            //4.返回 随机颜色码
            return strColor;
        }

        //函数调用----------------------------------
        //1.获取随机颜色码
        let r1 = makeColor();
        //2.设置给页面背景色
        document.documentElement.style.backgroundColor = r1;
        console.log(r1);

    </script>
</head>

<body>

</body>

</html>